<!doctype html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport"
		content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<title>推广佣金收入明细</title>
	<style type="text/css">
		[v-cloak] {
			display: none;
		}
	</style>
</head>

<body>
	<div id="app" v-cloak>
		<div class="m-top-shift">
			<div class="inner">
				<div class="item" @click="typeShift(1)" :class="{active:off.type == 1}">
					<div class="name">已出账佣金</div>
				</div>
				<div class="item" @click="typeShift(0)" :class="{active:off.type == 0}">
					<div class="name">待出账佣金</div>
				</div>
			</div>
		</div>
		<div class="m-total yellow">
			<span class="dp" v-show="off.type==1">已出账(元):</span>
			<span class="dp" v-show="off.type==0">待出账(元):</span>
			<span class="money">{{ total }}</span>
		</div>
		<div class="m-data-list">
			<ul class="f-scroll" id="dataBox" v-show="dataList.length" @scroll="pullLoad" :style="{height:boxHeight}">
				<li v-for="todo in dataList">
					<div class="row">
						<div class="lt">
							<div class="line"><span class="grey">出账时间：</span>{{ getDateTime(todo.time)[7] }}</div>
							<div class="line"><span class="grey">佣金类型：</span>
								<span v-show="todo.type == 1">加盟直接收益</span>
								<span v-show="todo.type == 2">市场补助</span>
								<span v-show="todo.type == 3">市场补助</span>
							</div>
							<div class="line"><span class="grey">备<em class="space-two"></em>注：</span>{{ todo.descStr }}
							</div>
						</div>
						<div class="rt">
							<span class="money yellow">+{{ numberFormat(todo.fee) }}</span>
						</div>
					</div>
				</li>
			</ul>
			<div v-if="!isPullLoad" class="m-dragup-loading">
				<span class="u-icon-loading"></span>
				<span class="text">加载中···</span>
			</div>
			<div class="f-no-data" v-show="!dataList.length&&!firstLoad" :style="{height:boxHeight}">
				<img src="~@/assets/img/default_pic.png" alt="">
				<div class="blue-lt">当前暂无数据</div>
			</div>
			<div class="f-no-more" v-show="isHaveMore">暂无更多</div>
		</div>

	</div>
	<!-- CDN加载Vue库 -->
	<script src="https://cdn.bootcss.com/vue/2.1.5/vue.min.js" type="text/javascript"></script>
</body>

</html>